    @import "./com";
    header {
        .hdr_top {
            display: flex;
            justify-content: space-around;
            margin-top: vw(50);
            text-align: center;
            line-height: vw(57);
            p:nth-of-type(1) {
                width: vw(120);
                height: vw(57);
                border: 2px solid $col;
                border-radius: vw(30);
            }
            img {
                width: vw(60);
                height: vw(50);
            }
        }
    }
    
    // 内容
    main {
        width: vw(703);
        margin: vw(20) auto 0;
        // 我的
        .yiqi {
            display: flex;
            .zuo {
                display: inline-block;
                width: vw(353);
                height: vw(172);
                img {
                    float: left;
                    width: vw(172);
                    height: vw(172);
                }
                a {
                    p {
                        margin-top: vw(30);
                        margin-left: vw(20);
                        display: inline-block;
                    }
                    .txt {
                        font-size: vw(26);
                        color: #898989;
                    }
                }
            }
            .you {
                width: vw(353);
                a {
                    p {
                        float: right;
                        width: vw(40);
                        height: vw(40);
                        border-top: vw(5) solid #000;
                        border-right: vw(5) solid #000;
                        transform: rotateZ(60deg);
                    }
                }
            }
        }
        // 三个盒子
        .wo_de {
            margin-top: vw(25);
            width: vw(703);
            ul {
                display: flex;
                justify-content: space-around;
                li {
                    a {
                        img {
                            width: vw(193);
                            height: vw(150);
                        }
                    }
                }
            }
        }
        // 六个东西
        .dong {
            margin-top: vw(30);
            ul {
                padding: vw(20);
                li {
                    clear: both;
                    a:nth-of-type(1) {
                        float: left;
                        img {
                            width: vw(60);
                            height: vw(70);
                            vertical-align: middle;
                        }
                        span {
                            margin-left: vw(20);
                        }
                    }
                    a:nth-of-type(2) {
                        float: right;
                        margin-top: vw(10);
                        img {
                            width: vw(25);
                            height: vw(27);
                            vertical-align: middle;
                        }
                        span {
                            font-size: vw(24);
                            margin-right: vw(10);
                        }
                    }
                }
            }
        }
        // 两个按钮
        .anniu {
            margin-top: vw(100);
            display: flex;
            justify-content: space-around;
            .zuo_an {
                a {
                    button {
                        width: vw(150);
                        height: vw(75);
                        border: none;
                        border-radius: vw(30);
                        background-color: $col;
                        font-size: vw(24);
                        color: #fff;
                    }
                }
            }
            .you_an {
                a {
                    button {
                        width: vw(150);
                        height: vw(75);
                        border: none;
                        border-radius: vw(30);
                        background-color: $col;
                        font-size: vw(24);
                        color: #fff;
                    }
                }
            }
        }
    }
    
    // 底部导航栏
    nav {
        position: fixed;
        bottom: 0;
        margin-top: vw(14);
        width: vw(750);
        .nav_di {
            width: 100%;
            ul {
                display: flex;
                width: 100%;
                li {
                    flex-basis: 25%;
                    display: inline-block;
                    padding-left: vw(57);
                    a {
                        display: flex;
                        width: vw(77);
                        height: vw(77);
                        img {
                            width: 100%;
                            vertical-align: auto;
                        }
                    }
                }
            }
        }
    }